body {
    font-family: Helvetica Neue,Hiragino Sans GB,stheiti,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,tahoma,sans-serif;
}
.types{margin:auto;}
.types li { display:inline;}
.types li a{display:block;font-size:25px;width:170px; line-height:50px; text-align:center;float:left;padding:5px}
.types li.active a{ background-color:RGB(239,239,239);-webkit-border-radius:8px;-moz-border-radius:8px;}

#section_client{background-size:100% 100%;}
#section_client .clients {margin-top:80px;}

#types-content > .tab-pane {
    display: none;
}

#types-content > .active {
    display: block;
}

*,td,span,div,a,h1,h2,h3,h4,h5,h6{font-family:微软雅黑; line-height:1.8em;}
a,a:hover{ text-decoration:none;}
body{background:#fff;}
blockquote p{font-size:12px;line-height:1.8em;}
th{ background:#e9edeb;color:#666;padding:15px 0px; font-size:1.2em;}
ul,li{margin:0px;padding:0px;}
li{ list-style-type:none;}
#nav{width:100%; z-index:9999;top:0px; position:fixed;}
/*section*/
.section{height:600px;}
.section .containers{margin:auto;width:110%;height:100%;position:relative;} 
.section .text{}
.section h1{font-size:28px; line-height:2.5em;color:#fff;}
.section h2{font-size:22px;color:#fff;margin:0px;padding:0px;}
.section p{font-size:20px;line-height:1.2em;color:#fff;}
.section .more{clear:both;}
.section .more a{font-size:16px;}


/*客户*/
/*#section_client{background:url(../Content/themes/imag/client_bg.jpg) left top;}*/
/*#section_client .containers{padding-top:57px;}*/
#section_client h1{font-size:48px; text-align:center;color:#fff;}
#section_client p{margin-top:-30px; text-align:center;}
#section_client .clients{margin:auto;margin-top:40px;}
#section_client .clients li{height:75px; float:left;margin:10px 7px;  list-style-type:none;text-align: center;color:#FFF; background:#DDD;}
#section_client .clients img{width:200px;height:50px;}

/*透明 btns*/
.tm_btns li a,.tm_btns li span{float:left;display:block;width:130px;background-color:RGB(239,239,239);text-align:center;color:#000; line-height:54px;}


/*通用 btn*/
.qk_btn{margin:auto;text-align:center;}
.qk_btn a{ display:inline-block; background:#FD872A;padding:7px 40px;color:#fff;font-size:18px;border-radius:4px;}
.qk_btn a:hover{background:#FF7100;}



























#idea{}
#worth{}
#excellence{}

.title-big{font-size:40px;line-height:3em; text-align:center ;margin:40px 0px; }



.content{ background:#eeeeee;padding-bottom:30px; position:relative ; }
.content .container{position:relative ; background:#fff;padding-top:30px;}

.banners{margin-top:98px;}
.banner .container{padding:76px 60px;}
.banner h1{color:#fff; line-height:80px; font-size:40px;}
.banner p{color:#fff;font-size:18px;width:400px; line-height:40px;}

.page-zw .banner{background:transparent url(../Content/assets/img/bg/18.jpg) center top no-repeat;height:320px;margin-top:5px;}
.page-qy .banner{background:#1a69ac url(../images/banner-qy.png) center top no-repeat;height:320px;}
.page-bz .banner{background:#1abc9c url(../images/banner-bz.png) center top no-repeat;height:320px;}
.page-mobile .banner{background:#e67382 url(../images/banner-mobile.png) 70% top no-repeat;height:320px;}
.page-office .banner{background:#bfcecb url(../images/banner-office.png) center top no-repeat;height:320px;}
.page-office .banner *{color:#333;}


.nav-feature{padding:0px;width:800px;left:0px;right:0px;margin-left:auto;margin-right:auto;margin-bottom:40px;}
.nav-feature li{width:33%;float:left;margin:0px;padding:0px; list-style-type:none;}
.nav-feature li a{display:block ;background:url(../Content/themes/imag/nav-bg.png) left top repeat-x;border:1px solid #cdd1d3;color:#333;font-size:20px;line-height:60px; text-align:center ;}
.nav-feature li.active a{opacity:1;background:url(../Content/themes/imag/nav-bg-dark.png) left top repeat-x;color:#fff;}
.nav-feature li:nth-child(1) a{border-radius:10px 0px 0px 10px;}
.nav-feature li:nth-child(3) a{border-radius:0px 10px 10px 0px;}

/*list*/
.feature-list{margin:0px;padding:0px;}
.feature-item{border-bottom:1px solid #eee; }

.feature-text h2{font-size:38px;line-height:1.8em; text-align:center ;}
.feature-text p{font-size:18px;line-height:1.8em;color:#999;padding:0px 280px; text-align:left ;}


.item-security{background:url(../Content/themes/imag/pic-security.png) center bottom no-repeat;padding-bottom:180px;}
.item-stable{background:url(../images/im/pic-stable.png) center bottom no-repeat;padding-bottom:180px;}
.item-integrated{background:url(../images/im/pic-integrated.png) center bottom no-repeat;padding-bottom:300px;}
.item-efficient{background:url(../images/im/pic-efficient.png) center bottom no-repeat;padding-bottom:300px;}
.item-chat{background:url(../images/im/pic-chat.png) center bottom no-repeat;padding-bottom:350px;}
.item-org{background:url(../images/im/pic-ad.png) center bottom no-repeat;padding-bottom:400px;}
.item-grant{background:url(../images/im/pic-grant.png) center bottom no-repeat;padding-bottom:300px;}
.item-filter{background:url(../images/im/pic-filter.png) center bottom no-repeat;padding-bottom:220px;}
.item-order{background:url(../images/im/pic-order.png) center bottom no-repeat;padding-bottom:150px;}
.item-complicating{background:url(../images/im/pic-complicating.png) center bottom no-repeat;padding-bottom:250px;}
.item-ui{background:url(../images/im/pic-ui.png) center bottom no-repeat;padding-bottom:350px;}
.item-mobile{background:url(../images/im/pic-mobile.png) center bottom no-repeat;padding-bottom:350px;}
.item-encryption{background:url(../images/im/pic-encryption.png) center bottom no-repeat;padding-bottom:180px;}
.item-trusty{background:url(../images/im/pic-trusty.png) center bottom no-repeat;padding-bottom:320px;  }
.item-doc{background:url(../images/im/pic-doc.png) center bottom no-repeat;padding-bottom:300px;}
.item-api{background:url(../images/im/pic-api.png) center bottom no-repeat;padding-bottom:300px;}
.item-quick{background:url(../images/im/pic-quick.png) center bottom no-repeat;padding-bottom:300px;}
.item-share{background:url(../images/im/pic-share.png) center 120px no-repeat;padding-bottom:300px;}
.item-up{background:url(../images/im/pic-up.png) center bottom no-repeat;padding-bottom:250px;}
.item-service{background:url(../images/im/pic-service.png) 8% bottom no-repeat;padding-left:300px;height:350px;padding-top:60px;}
.item-money{background:url(../images/im/pic-money.png) center bottom no-repeat;padding-bottom:320px;}
.item-to{background:url(../images/im/pic-to.png) center bottom no-repeat;padding-bottom:200px;}


.item-ui-plus{background:url(../images/im/pic-ui-plus.png) center 160px no-repeat;padding-bottom:480px;}
.item-ui-meeting{background:url(../images/im/pic-ui-meeting.png) center 160px no-repeat;padding-bottom:420px;}
.item-ui-list{background:url(../images/im/pic-ui-list.png) center 160px no-repeat;padding-bottom:420px;}
.item-ui-chat{background:url(../images/im/pic-ui-chat.png) 300px bottom no-repeat;padding-bottom:400px;}
.item-ui-remote{background:url(../images/im/pic-ui-remote.png) center 160px no-repeat;padding-bottom:400px;}
.item-ui-sendfile{background:url(../images/im/pic-ui-sendfile.png) center bottom no-repeat;padding-bottom:300px;}


.item-mobile-every {background:url(../images/im/mobile-every.png) 15% top no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-mobile-easy {background:url(../images/im/mobile-easy.png) 75% -90px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-mobile-shield {background:url(../images/im/mobile-shield.png) 10% top no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-mobile-up {background:url(../images/im/mobile-up.png) 5% 20px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-mobile-time {background:url(../images/im/mobile-time.png) 85% top no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-mobile-encrypt {background:url(../images/im/mobile-encrypt.png) 10% top no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-mobile-doc {background:url(../images/im/mobile-doc.png) 95% top no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-mobile-device {background:url(../images/im/mobile-device.png) 13% 40px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-mobile-adv {background:url(../images/im/mobile-adv.png) 63%   top  no-repeat;height:530px;}
.item-mobile-design {background:url(../images/im/mobile-design.png) 50%   top  no-repeat;height:500px;}
.page-mobile .feature-item h2{ text-align:left;}
.page-mobile .feature-item p{padding:0px;width:400px;}




.item-office-desktop {background:url(../images/office/desktop.png) 15% 30px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-task {background:url(../images/office/task.png) 90% 30px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-office-issue {background:url(../images/office/issue.png) 15% 30px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-doc {background:url(../images/office/doc.png) 90% 30px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-office-board {background:url(../images/office/board.png) 15% 30px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-flow {background:url(../images/office/flow.png) 90% 30px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-office-note {background:url(../images/office/note.png) 15% 30px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-integrated {background:url(../images/office/integrated.png) 90% 30px no-repeat; height:330px;padding-left:15%;padding-top:40px;}

.item-office-msg {background:url(../images/office/pic-office-msg.png) 15% 0px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-flowmode {background:url(../images/office/pic-office-flowmode.png) 90% 0px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-office-ui {background:url(../images/office/pic-office-ui.png) 15% 0px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-dept {background:url(../images/office/pic-office-dept.png) 90% 0px no-repeat; height:330px;padding-left:15%;padding-top:40px;}
.item-office-trace {background:url(../images/office/pic-office-trace.png) 15% 0px no-repeat; height:330px;padding-left:55%;padding-top:40px;}
.item-office-plus {background:url(../images/office/pic-office-plus.png) 90% 0px no-repeat; height:330px;padding-left:15%;padding-top:40px;}

.page-office .feature-item h2{ text-align:left;}
.page-office .feature-item p{padding:0px;width:400px;}



.quickbox{margin-top:30px;}